/* BEGIN: OIVM-page-specific rules.  TO DO: move elsewhere. */

html {
	height: 100%;
	overflow: hidden;
}

body {
    background: #F5F5F2;	
    font-family: Tahoma,Arial,Verdana;
    font-size: 8pt;
	height: 100%;
	margin: 0;
}

.mstrmojo-OIVMPage {overflow: auto}
.mstrmojo-OIVMPage-toolbar {
	background-color: #cfcfcf;
	/* Relative position allows us to set the z-index higher than the doc, so menus will float over the doc. */
	position: relative;
	z-index: 2;	
}

/* layout container for group by and document */ 
.mstrmojo-OIVMPage-layout {
    /* Relative position allows us to set the z-index lower than the ToolBar. */
    position: relative;
    z-index: 1;
}

/* Multi-Layout tabs */

.mstrmojo-layout-tabs {
	border-bottom: 1px solid #999;
	height: 25px;
	padding-top: 2px;
}

.mstrmojo-layout-tabs .mstrmojo-TabButton {
    background: #F5F5F2 url(../../../style/mstr/images/tabTop.gif) repeat-x scroll left top;	
	border: 1px solid #b2b2b2;
	color: #000;
	cursor: pointer;
	font-family: Verdana;
	font-size: 9pt;
	line-height: 28px;
	margin: 5px 1px 0 4px;
	padding: 4px 8px;
}

.mstrmojo-layout-tabs .mstrmojo-TabButton.selected {
	background: #F5F5F2 none;
	border-bottom-width: 0;
	color: #000;
    cursor: default;
	font-weight: bold;
	padding-bottom: 5px;
}

.mstrmojo-layout-tabs .mstrmojo-TabButton:hover {
    background-image: none;
}

.mstrmojo-ScrollingTabStrip {white-space: nowrap;}
.mstrmojo-ScrollingTabStrip .c {
	height: 25px; 
	overflow:hidden;
	float: left;
	}
.mstrmojo-ScrollingTabStrip .mstrmojo-Button {
	xdisplay: inline-block !important;
	 float: left;
	cursor: pointer;
	height: 21px;
	margin: 1px;
	width: 22px;
	}
.mstrmojo-ScrollingTabStrip .mstr-Button.disabled {cursor: default;}	
.mstrmojo-ScrollingTabStrip .l {
	background: url(../../../style/mstr/images/btnMoveLeft.gif) no-repeat scroll left 50% transparent
}
.mstrmojo-ScrollingTabStrip .l.disabled {
	background: url(../../../style/mstr/images/btnMoveLeft.gif) no-repeat scroll right 50% transparent
}
.mstrmojo-ScrollingTabStrip .r {
	background: url(../../../style/mstr/images/btnMoveRight.gif) no-repeat scroll left 50% transparent
}
.mstrmojo-ScrollingTabStrip .r.disabled {
	background: url(../../../style/mstr/images/btnMoveRight.gif) no-repeat scroll right 50% transparent
}

.mstrmojo-ScrollingTabStrip {xwidth:500px;}


/* END: OIVM-page-specific rules */


/* General purpose CSS */

.mstrmojo-clearMe {
	clear: both;
	height: 0;
	line-height: 0;
	overflow: hidden;
}


/* Generic Tabs */

.mstrmojo-TabButton {
	font-family: Tahoma,Arial;
	font-size: 8pt;
	border: 1px solid #808080;
	padding: 2px 4px 2px 4px;
	line-height: 19px;
	background-color: #d4d0c8;
	cursor: pointer;
}
.mstrmojo-TabButton:hover,
.mstrmojo-TabButton.selected {
	background-color: #999999;
	color: #ffffff;
}


.mstrmojo-Doc {
    position: relative;	/* to correctly position popups that use absolute positioning */
}

/* Group By */
.mstrmojo-DocGroupBy {
    cursor: default;
    font-family: Tahoma,Arial,Verdana;
    font-size: 8pt;
}

.mstrmojo-DocGroupBy-title {
    background: #D5D6D8 url(../../../style/mstr/images/theme/red/pgbyHeader.gif) repeat-x scroll left 0;
    border: 1px solid #999;
    border-width: 0 1px 1px 0;
    color: #000;
    float: left;
    margin: -3px 4px 1px 2px;
    overflow: hidden;
    padding: 5px;
}

/* The following rule seems to not be used anywhere in our markup. TO DO: remove.
.mstrmojo-GroupBy-unit {
    border: 1px solid #999999;
    float: left;
    margin: 2px;
    padding: 2px 1px 1px 5px;
}
*/
.mstrmojo-DocGroupBy-unit {
    float: left;
    margin-right: 8px;
}

.mstrmojo-DocGroupBy-unit select {	/* was: bgUnitSelect select */
    margin-left: 3px;
}

/* Needed for IE7 */
.mstrmojo-DocGroupBy-unit,
.mstrmojo-DocGroupBy-unit select,
.mstrmojo-DocGroupBy-unit select option {
    font-size: 8pt;
}

/* Status Bar  */
.mstrmojo-progress {
	position: absolute;
	z-index: 2;
	top: 100px;
	left: 6px;
	background-color: #000000;
	border: 1px solid #c0c0c0;
	padding: 6px;
	width: 200px;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=85);
	opacity: 0.85;
}
.mstrmojo-progress-text {
	font-family: Calibri, Tahoma;
	font-size: 8pt;
	width: 100%;
	overflow: hidden;
	white-space: nowrap;
	color: #ffffff;
	margin-top: 6px;
}
.mstrmojo-progress-barbg {
	height: 3px;
	width: 100%;
	overflow: hidden;
	background-color: #c0c0c0; 
	margin-top: 6px;
}
.mstrmojo-progress-bar {
	height: 3px;
	width: 0px;
	overflow: hidden;
	background-color: #ff0000;
}

.mstrmojo-DocLayoutViewer-layout {
	overflow:auto;
	position:relative;
	background-color:#fff;
	border:1px solid #999;	
}

/* Document and Document Objects */
.mstrmojo-DocLayout,
.mstrmojo-DocSection {
	position: relative;
}

.mstrmojo-DocSection {
	font-size: 0;	/* for IE */
    z-index: 1; /* Ensures ctxt menus for DocLayout (which use z-index >1) float above DocSections */
}
.mstrmojo-DocSubsection {
	overflow: hidden;
	position: relative;
}


.mstrmojo-DocLine, 
.mstrmojo-DocRectangle, 
.mstrmojo-DocRoundRectangle,
.mstrmojo-DocImage{
	overflow: hidden;
	position: absolute;
}
.mstrmojo-DocTextfield{
	position: absolute;
}
.mstrmojo-DocTextfield-valueNode{
	overflow: hidden;
}


.mstrmojo-DocXtabGraph{
	overflow: hidden;
	position: absolute;
	font-size: 8pt; /* TODO remove. Currently since subsection font size is 0, we can not use the cascaded font-size. If we found a solution to not set 0 for subsection, we should remove this line */
}
.mstrmojo-DocSelector {
	overflow: visible; /* for tooltip */
}
.mstrmojo-DocSelector .content, 
.mstrmojo-DocSelector .filter {
    position: absolute;
}

.mstrmojo-DocHTMLContainer {
	overflow: auto;
	position: absolute;
}
.mstrmojo-DocSelector .buttonSelected {
	border-style: inset;
	width: 100%;
}
.mstrmojo-DocSelector .buttonUnselected {
	border-style: outset;
	width: 100%;
}
.mstrmojo-DocSelector .linkSelected {
	background-color: #7FCEFF;
}
.mstrmojo-DocSelector .linkUnselected {
	background-color: transparent;
}
.mstrmojo-ButtonItem.selected {
	border-style: inset;
	width: 100%;
}
.mstrmojo-DocXtabGraph img {
	background: transparent url(images/circle-loader-grad.gif) 50% 50% no-repeat;
	display: block;
	height: 100%;
	width: 100%;
	border-width: 0px; /* Without setting border width to 0, some browsers will display an ugly blue border around image with map. */
}
.mstrmojo-DocXtabGraph-txt {
	color: #c00;
	font-weight: bold;
	position: absolute;
	left: 0;
	margin-top: -.5em;
	text-align: center;
    top: 50%;
    width: 100%;
}
.gp-tooltip {
    background-color:#FDFFB4;
    border:1px solid #FCC90D;
    color:#000000;
    overflow:visible;
    text-align:left;
    white-space:nowrap;
    opacity:0.9;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90);
}
.mstrmojo-DocPanelStack {
	font-family: Tahoma,Arial,Verdana;
	font-size: 8pt;
	overflow: hidden;
	position: absolute;
}

.mstrmojo-DocPanel {
	height: 100%;
	left: 0;
	overflow: hidden;
	position: absolute;
	top: 0;
	width: 100%;
}

.mstrmojo-DocGridGraph {
	position: absolute;
}

.mstrmojo-DocGridGraph-container {
	height: 100%;
	position: relative;
	width: 100%;
}
.mstrmojo-DocGridGraph-msg {
	overflow: hidden;
	display: none;
}


.mstrmojo-DocSelector-DropDownList {
	height: 100%;
	overflow: visible;
	width: 100%;
}
.mstrmojo-DocSelector-DropDownList-select {
	width: 100%;
    cursor:pointer;
}

.mstrmojo-DropDownList,
.mstrmojo-DropDownList-select,
.mstrmojo-DropDownList-select > option {
	color: inherit;
	font: inherit;
	text-align: inherit;
	text-decoration: inherit;
}

.mstrmojo-DocRoundRectangle-l1 {
	height: 1px;
	margin: 0 4px;
	overflow: hidden;
}

.mstrmojo-DocRoundRectangle-l2 {
	height: 1px;
	margin: 0 2px;
	overflow: hidden;
}

.mstrmojo-DocRoundRectangle-l3 {
	height: 2px;
	margin: 0 1px;
	overflow: hidden;
}

.mstrmojo-WaitIcon {
	background: transparent url(images/circle-loader.gif) 50% 50% no-repeat;
	height: 20px;
	margin-left: 2px;
	width: 20px;
}

.mojo-inline-wait {
	background: #F5F5F2 url(images/circle-loader.gif) 50% 50% no-repeat;
	border: 1px solid #000;
	display: none;
	height: 25px;
	left: 15px;
	position: absolute;
	top: 15px;
	width: 25px;
	z-index: 10000;
}

.mojo-overlay-wait {
	display: none;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 10000;
}

.mojo-overlay-wait .overlay {
	background: #f5f5f2;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
	height: 100%;
	left: 0;
	position: absolute;
	opacity: .5;
	top: 0;
	width: 100%;
}

.mojo-overlay-wait .icon {
	background: #f5f5f2 url(images/circle-loader-grad.gif) 50% 50% no-repeat;
	height: 38px;
	left: 50%;
	margin: -19px 0 0 -19px;
	position: absolute;
	top: 50%;
	width: 38px;
}

.pt {
	cursor: pointer;
}

.nw {
	white-space: nowrap;
}

.hl { 
	cursor:pointer;
	text-decoration:underline;
}
.hl:hover {
	background-image: url(images/xtabcell-hover.gif) !important;
	background-repeat: repeat-x !important;
	background-position: left bottom !important;
	background-color: #E0E9F7 !important;
	border-color: #E0E9F7 !important;
}

.fsbp_0 {
}

.fsbp_1 {
	vertical-align:top		!important;
    border-bottom-color: transparent !important;
}

.fsbp_2 {
    border-bottom-color: transparent !important;
    border-top-color: transparent !important;   
	text-decoration: none !important;
}

.fsbp_3 {
    border-top-color: transparent !important;   
	text-decoration: none !important;
}

.mstrmojo-floating-toolbar-lightbox {
    display: none;
    position: absolute;
    top: 0;
    height: 0;
    overflow: visible;
    width: 100%;    
}
.hasToolBar:hover .mstrmojo-floating-toolbar-lightbox {
    display: block;
}

.mstrmojo-fixed-toolbar-lightbox {
	float: left;
}

.mstrmojo-floating-toolbar {
	position: absolute;
	top: -27px;
	left: 0;
	z-index: 3;
}

.mstrmojo-fixed-toolbar {
	padding-left: 5px;
}

.mstrmojo-fixed-toolbar-cell,
.mstrmojo-floating-toolbar-cell {
    background-color: #cecdd7;
    background-image: url(images/popup_bg.gif);
    background-position: left top;
    background-repeat: repeat-x;
    border: 1px solid #000066;
    padding: 1px;
}
.mstrmojo-floating-toolbar .mstrmojo-Button {
   float: right;
}



.mstrmojo-Xtab {
	overflow: visible;
	position: absolute;
}

.mstrmojo-Xtab-msg {
	overflow: hidden;
	display: none;
}

.mstrmojo-Xtab-content {
	overflow: hidden;
	/*position: relative;*/	
	z-index: 1;    /* Ensures xtab popups will float over xtab data content. */
	position: relative;	
}
.mstrmojo-Xtab-overlay {
	display: none;
}

.xtab-td {
	overflow:hidden !important;
	xwhite-space:nowrap !important;
}

.mstrmojo-DocLayout-HBox table,
.mstrmojo-HBox {
	border-collapse: collapse;
}

.mstrmojo-DocLayout-HBox {
	overflow: hidden;
	position: relative;
}

.mstrmojo-DocLayout-HBox table td, 
.mstrmojo-HBox-cell {
	padding: 0;
}

.mstrmojo-ListBox,
.mstrmojo-CheckList,
.mstrmojo-RadioList,
.mstrmojo-ButtonList,
.mstrmojo-LinkList{
	overflow: auto;
}
.mstrmojo-ListBoxHoriz,
.mstrmojo-CheckListHoriz,
.mstrmojo-RadioListHoriz,
.mstrmojo-ButtonListHoriz,
.mstrmojo-LinkListHoriz {
    overflow-x: hidden;
}

.mstrmojo-ListBox-table {
	border-collapse: collapse;
}
.mstrmojo-ListBox-table td{
	white-space: nowrap;
}
.mstrmojo-ListBox-item,
.mstrmojo-ListBoxHoriz-item {
	color: inherit;
	font-family: Tahoma,Verdana,Helvetica;
	font-size: 8pt;
	margin: 1px;
	xpadding: 3px 1px 3px 1px; /* issue 402714, list box has too much space between items.*/
	white-space: nowrap;
	cursor: default;
}
.mstrmojo-ListBox-item.selected,
.mstrmojo-ListBoxHoriz-item.selected {
	background-color: #0A246A;
	color: #ffffff !important;
}

.mstrmojo-ButtonList table,
.mstrmojo-ButtonListHoriz table {
	width: 100%;
}
.mstrmojo-ButtonList-item,
.mstrmojo-ButtonListHoriz-item {
	border-width: 2px;
	border-style: outset;
	width: 100%;
}

.mstrmojo-LinkList-item,
.mstrmojo-LinkListHoriz-item {
	border-width: 0px;
	width: 100%;
	background-color:transparent;
}
.mstrmojo-ButtonList-item.selected,
.mstrmojo-ButtonListHoriz-item.selected{
	border-style: inset;
}

.mstrmojo-CheckList-item,
.mstrmojo-CheckListHoriz-item,
.mstrmojo-RadioList-item,
.mstrmojo-RadioListHoriz-item {
	color: inherit;
	font-family: Tahoma,Verdana,Helvetica;
	font-size: 8pt;
	white-space: nowrap;
	cursor: default;
	width: 100%;
}

.mstrmojo-LinkListHoriz td{
	border-left: 1pt solid black; /* shows the black bar between each item. The left most border will be collapsed with table border.*/
}
/** make sure the content in horizental allignment at the vertical center. */
/* Change "table" to "mstrmojo-ListBox-table" to avoid using DOM name selectors. */
.mstrmojo-RadioListHoriz,
.mstrmojo-RadioListHoriz div,
.mstrmojo-RadioListHoriz .mstrmojo-ListBox-table,
.mstrmojo-CheckListHoriz,
.mstrmojo-CheckListHoriz div,
.mstrmojo-CheckListHoriz .mstrmojo-ListBox-table,
.mstrmojo-ButtonListHoriz,
.mstrmojo-ButtonListHoriz div,
.mstrmojo-ButtonListHoriz .mstrmojo-ListBox-table,
.mstrmojo-LinkListHoriz,
.mstrmojo-LinkListHoriz div,
.mstrmojo-LinkListHoriz .mstrmojo-ListBox-table {
	height: 100%;
}

.mstrmojo-ListBox-table div {
	height:auto; /* Chrome needs this to have checkbox/radio buttons vertically in the middle */
}
.mstrmojo-ListBox-item,
.mstrmojo-ListBox-table input{
	cursor: pointer;
}
/** make sure each element in the horizontal/vertical button list stretch through whole width. */
.mstrmojo-ButtonListHoriz input,
.mstrmojo-ButtonList input {
	width: 100%;
}
/*
.mstrmojo-ListBoxHoriz .mstrmojo-ListBox-table,
.mstrmojo-LinkListHoriz .mstrmojo-ListBox-table,
.mstrmojo-ButtonListHoriz .mstrmojo-ListBox-table,
.mstrmojo-CheckListHoriz .mstrmojo-ListBox-table,
.mstrmojo-RadioListHoriz .mstrmojo-ListBox-table  {
    width: 100%;
}
*/
.mstrmojo-ListBoxHoriz .mstrmojo-ListBox-table td,
.mstrmojo-LinkListHoriz .mstrmojo-ListBox-table td,
.mstrmojo-ButtonListHoriz .mstrmojo-ListBox-table td,
.mstrmojo-CheckListHoriz .mstrmojo-ListBox-table td,
.mstrmojo-RadioListHoriz .mstrmojo-ListBox-table td {
    overflow: hidden;  /* prevents horiz cells from bleeding into each other. consider adding prefix mstrmojo-DocSelector */
}

/* 
InteractiveText is a block element that displays hover and selected state. 
Due to the padding manipulations, they work best with text-only elements,
not with background images.
*/

.mstrmojo-InteractiveText {
    border: 0px;
/*    margin: 1px; */
    padding: 2px 25px 2px 25px;   /* allows for 1px border when selected */
}
.mstrmojo-InteractiveText:hover {
    background-color: #ccccff;
    border: 1px solid #000066;
/*    margin: 0px; */
    padding: 1px 24px 1px 24px;    
}
.mstrmojo-InteractiveText.selected {
    background-color: #ffffcc;
    border: 1px solid #000080;
/*    margin: 0px; */
    padding: 1px 24px 1px 24px;
}

/* only needed by FF to propogate text-decoration down to label */
.mstrmojo-DocSelector div,
.mstrmojo-DocSelector table,
.mstrmojo-DocSelector tbody,
.mstrmojo-DocSelector tr,
.mstrmojo-DocSelector td,
.mstrmojo-DocSelector input,
.mstrmojo-DocSelector label  {
    color: inherit;
}
/* Simulate <select> list appearance for mojo. */
.mstrmojo-DocSelector .mstrmojo-ListBox {
    -moz-appearance:menulist;
    -moz-box-sizing:border-box;
    -moz-user-select:none;
    -x-system-font:-moz-list;
    background-color:-moz-field;
    background-color:#ffffff;
    border:2px inset threedface;
    color:-moz-fieldtext;
    cursor:default;
    font-family:-moz-use-system-font;
    font-size:-moz-use-system-font;
    font-size-adjust:-moz-use-system-font;
    font-stretch:-moz-use-system-font;
    font-style:-moz-use-system-font;
    font-variant:-moz-use-system-font;
    font-weight:-moz-use-system-font;
    line-height:normal !important;
    margin:0;
    text-align:start;
    text-indent:0;
    text-shadow:none;
    white-space:nowrap !important;
    word-wrap:normal !important;
}
.mstrmojo-DocSelector .mstrmojo-ListBox-table {
    width: 100%;
}
.mstrmojo-DocSelector .mstrmojo-ListBox-item,
.mstrmojo-DocSelector .mstrmojo-ListBoxHoriz-item {
/*    background-color: #ffffff; */
}

.mstrmojo-DocSelector .mstrmojo-ListBox .mstrmojo-ListBox-item { /*TQMS 393421*/
	margin: 0;
}
.mstrmojo-Label {
	font-family: Tahoma,Verdana,Arial;
	font-size: 8pt;
}

/* For mstrmojo.Popup: */

.mstrmojo-Popup {
	overflow: visible;
	position: absolute;
	z-index: 3;
}

.mstrmojo-Popup-shadow {
	display: none;
}
.mstrmojo-Menu {
	overflow: hidden;
	position: absolute;
	z-index: 2;
}
#mstrXtabCellMenu .mstrmojo-InteractiveButton:hover,
#mstrXtabCellMenu .mstrmojo-InteractiveButton.selected:hover {  /*override interactive button behavior for menu item*/
	background-color: #c9e2f2 ; 
	border: 0px; 
	padding: 1px;
	}
#mstrXtabCellMenu .mstrmojo-InteractiveButton.selected { /*do not need default interactive button behavior*/
	border: 0px;
    padding: 1px;   
    background-color: transparent;
	}
	
.mstrmojo-Menu-content {
	margin: 0px 3px 3px 0px;	/* Margin allows us to see the shadow behind the popup content. */
	position: relative;
	z-index: 2;
	padding: 0 2px;
	
	-moz-box-shadow: 3px 3px 3px #999;
	-webkit-box-shadow: 3px 3px 3px #999;
	/* IE8 has offset between content and shadow, use the shadow div instead of filter below.
	   filter: progid:DXImageTransform.Microsoft.dropshadow(Color='#66999999', Positive='true', OffX='3', OffY='3');
	*/
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	
	border: 1pt solid #b4b4b4;	
	background-image: url(images/menu-bg.png); /*for FF3.5 and ealier*/
	background-image: -moz-linear-gradient(top,#fbfbfb,#eaebec);
	background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#eaebec));
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#fbfbfb',EndColorStr='#eaebec');
	height: 100%; /*for IE7*/
    }
.mstrmojo-Menu-shadow {/*for IE only - dropshadowFilter causes offset*/
	background-color: #404040;
	display: block;
	filter:alpha(opacity=50); /* IE won't allow nested alpha filters, and we want mstrmojo-popup to do a fade */
	height: 2000px;
	left: 3px;
	opacity: .5;
	position: absolute;
	top: 3px;
	width: 2000px;
	z-index: 1;
}

.mstrmojo-Menu-Box {
    border-bottom: 1px solid #b4b4b4; 
    border-top: 1px solid #fff; 
    padding: 5px 2px 5px;
    cursor: default;
}


/* For ToolBars: */
.mstrmojo-ToolBar.grouped {
	background: transparent url(images/buttonGroupLeft.gif) left top no-repeat;
	margin: 2px;
}
.mstrmojo-ToolBar.grouped .mstrmojo-ToolBar-outercell {
	background: transparent url(images/buttonGroupRight.gif) right top no-repeat;
}
.mstrmojo-ToolBar.grouped .mstrmojo-ToolBar-innertable {
	background: transparent url(images/buttonGroup.gif) top left repeat-x;
	margin: 0px 5px;
}
.mstrmojo-ToolBar.grouped .mstrmojo-ToolBar-cell {
	height: 26px;
	vertical-align: middle;
}

.mstrmojo-ToolSeparator {
	border-left: 2px solid #ddd;
	height: 75%;
}

/* Generic Button control */

.mstrmojo-Button {
	overflow: hidden;
	cursor: pointer;	
}
.mstrmojo-Button-text {
	background-color: transparent;
	background-repeat: no-repeat;
	height: 100%;
	width: 100%;
}
.mstrmojo-Button.disabled { 
	-moz-opacity: .5;
	opacity: .5;
	filter:alpha(opacity=50);
	cursor: default;
}

/* Generic MenuItem control */

.mstrmojo-MenuItem {
	/* Avoid putting padding in here so that we can mix this with mstrmojo-InteractiveButton. */
    cursor: pointer;    /* To avoid typing cursor. */
    white-space: nowrap;
    /* These font-size is needed to overwrite DocSection font-size: 0pt. Grrr. TO DO: should we remove font-size: 0? */
    font-family: Tahoma;
    font-size: 8pt;
}   
.mstrmojo-MenuItem.disabled {
    -moz-opacity: .5;
    opacity: .5;
    filter:alpha(opacity=50);
}
.mstrmojo-MenuItem-text {
    font-family: Tahoma,Verdana,Helvetica;
    font-size: 8pt;
	padding: 3px 27px 1px 27px;    /* Leaves room on left for icon. */
    height: 16px;       /* 16px = height of sprite images (20px) - vertical padding (3+1) */
    overflow: hidden;
    background-repeat: no-repeat;
}


/* Interactive buttons display hover and selected state */

.mstrmojo-InteractiveButton {
    border: 0px;
    padding: 1px;   /* allows for 1px border when selected */
}
.mstrmojo-InteractiveButton:hover {
	background-color: #ccccff;
    border: 1px solid #000066;
    padding: 0px;   
}
.mstrmojo-InteractiveButton.selected {
    background-color: #ffffcc;
    border: 1px solid #000080;
    padding: 0px;
}

/* ToolBar Buttons */
.mstrmojo-Menu .mstrmojo-Button,
.mstrmojo-ToolBar-cell .mstrmojo-Button, 
.mstrmojo-LinkInfo-buttonNode .mstrmojo-Button,
.mstrmojo-floating-toolbar .mstrmojo-Button {
    height: 19px;
    width: 21px;
}

.mstrmojo-fixed-toolbar .mstrmojo-Button {
    height: 15px;
    width: 18px;
}

.mstrmojo-oivmSprite .mstrmojo-Button-text,
.mstrmojo-oivmSprite .mstrmojo-MenuItem-text {  
    background-image: url(images/oivmToolBarSprite.gif);
    background-position: left 21px;    /* hides all sprite images by default */
    background-repeat: no-repeat;
}


/* For DropDownButton, used standalone (e.g., in Xtab): */

.mstrmojo-DropDownButton {
	overflow: visible;
}
.mstrmojo-DropDownButton-boxNode {
	/* height is set at run-time via widget property */
	overflow: hidden;
}
.mstrmojo-DropDownButton-iconNode {
	background: transparent url(images/arrow_blk_down_5x7.gif) center center no-repeat;
    overflow: hidden; 
}
.mstrmojo-DropDownButton.up .mstrmojo-DropDownButton-iconNode {
    background-image: url(images/arrow_blk_up_5x7.gif);
}

.mstrmojo-DropDownButton.disabled {
	-moz-opacity: .5;
	opacity: .5;
	filter:alpha(opacity=50);
}
.mstrmojo-DropDownButton-popupNode {
	overflow: visible;
	height:1px;
	display: inline;	/* for IE (+others?): enforces height 1px without overflow: hidden */
}

/* For DropDownButton, used as a child of the XTab overlay */
.mstrXtabCellHoverPopup .mstrmojo-Button {
    background-color: #cecdd7;  /*was: cecdd7 url(images/dropdownbutton_bg.gif) left top repeat-x; */
    background-image: url(images/arrow_blu_down_9x6.gif);
    background-image: url(../../../style/mstr/images/blackDownArrow.gif);
    background-position: 2px 1px;
    background-repeat: no-repeat;
    border: 1px solid #000066;
    height: 14px;
    width: 14px;
    opacity: 0.85;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=85);
}


/* For DropDownButton, used as a child of PickerButton (e.g., in ToolBars): */

.mstrmojo-PickerButton {
	border-collapse: collapse;
}
.mstrmojo-PickerButton-cell {
	vertical-align: top;
	padding: 0;
}
.mstrmojo-PickerButton-DropDownButton {
	background: transparent;
	border: 0px;
	
}
.mstrmojo-PickerButton-DropDownButton-boxNode {
	/* height and border is set to match ToolButton */
	border: 0px;
	height: 19px;
	padding: 1px;	/* allows for 1px border when selected */
	padding-left: 0;
	width: 10px;
	overflow: hidden;
}
.mstrmojo-PickerButton:hover .mstrmojo-Button, 
.mstrmojo-PickerButton:hover .mstrmojo-PickerButton-DropDownButton-boxNode {
	background-color: #ccccff;
	border: 1px solid #000066;
	padding: 0px;	
}
.mstrmojo-PickerButton:hover .mstrmojo-PickerButton-DropDownButton-boxNode {
	border-left: 0;
}
.mstrmojo-PickerButton-DropDownButton-iconNode,
/* The following selector will suppress the default hover iconNode background */
.mstrmojo-PickerButton-DropDownButton-boxNode:hover .mstrmojo-DropDownButton-iconNode {
	background-position: center 8px;
	height:19px;	/*was: 100%;*/ 
	overflow: hidden; 
	width:10px;		/*was:100%;*/
}
.mstrmojo-PickerButton-DropDownButton.disabled {
	-moz-opacity: .5;
	opacity: .5;
	filter:alpha(opacity=50);
}

.mstrmojo-PickerButton-DropDownButton-popupNode {
	overflow: visible;
	height:1px;
	display: inline;	/* for IE (+others?): enforces height 1px without overflow: hidden */
}


/* Selectbox and Pulldown: */

.mstrmojo-SelectBox,
.mstrmojo-SelectBox > option {
	color: inherit;
	font: inherit;
	text-decoration: inherit;
}

/* ToolBar buttons: */

.tbSortAsc .mstrmojo-Button-text,
.tbSortAsc .mstrmojo-MenuItem-text {
	background-position: left 0px;
}
.tbSortDesc .mstrmojo-Button-text,
.tbSortDesc .mstrmojo-MenuItem-text {
    background-position: left -20px;
}

.tbSortAsc.selected .mstrmojo-MenuItem-text {
	background-position: left -840px;
	}
.tbSortDesc.selected .mstrmojo-MenuItem-text {
	background-position: left -860px;
}
    
    
    
    
.tbDrill .mstrmojo-Button-text {
    background-position: left -40px;
}
.tbSave .mstrmojo-Button-text {
    background-position: left -60px;
}
.tbDesignMode .mstrmojo-Button-text {
    background-position: left -80px;
}
.tbPrint .mstrmojo-Button-text {
    background-position: left -100px;
}
.tbBrowseParentFSM .mstrmojo-Button-text {
    background-position: left -120px;
}
.tbClose .mstrmojo-Button-text {
    background-position: left -720px;
}
.tbHome .mstrmojo-Button-text {
    background-position: left -740px;
}
.tbRefresh .mstrmojo-Button-text {
    background-position: left -140px;
}
.tbReExecute .mstrmojo-Button-text {
    background-position: left -140px;
}
.tbEditableViewMode .mstrmojo-Button-text {
    background-position: left -160px;
}
.tbInteractiveViewMode .mstrmojo-Button-text {
    background-position: left -180px;
}
.tbAddToHistoryList .mstrmojo-Button-text {
    background-position: left -200px;
}
.tbReprompt .mstrmojo-Button-text {
    background-position: left -220px;
}
.tbStaticViewMode .mstrmojo-Button-text {
    background-position: left -240px;
}
.tbFlashViewMode .mstrmojo-Button-text {
    background-position: left -260px;
}
.tbScheduled .mstrmojo-Button-text {
    background-position: left -280px;
}
.tbSend .mstrmojo-Button-text {
    background-position: left -300px;
}
.tbNormalMode .mstrmojo-Button-text {
    background-position: left -320px;
}
.tbFullMode .mstrmojo-Button-text {
    background-position: left -340px;
}
.tbPDF .mstrmojo-Button-text {
    background-position: left -360px;
}
.tbDocFlash .mstrmojo-Button-text {
    background-position: left -380px;
} 
.tbDocAjax .mstrmojo-Button-text {
    background-position: left -400px;
} 
.tbUndo .mstrmojo-Button-text {
    background-position: left -420px;
} 
.tbRedo .mstrmojo-Button-text {
    background-position: left -440px;
} 
.tbApply .mstrmojo-Button-text {
    background-position: left -460px;
} 
.tbBackPicker .mstrmojo-Button-text {
    background-position: left -480px;
} 
.tbForwardPicker .mstrmojo-Button-text {
    background-position: left -500px;
} 
.tbExportPicker .mstrmojo-Button-text {
    background-position: left -520px;
}
/*
.tbPivotCols .mstrmojo-MenuItem-text {
    background-position: left -540px;
}*/
.tbPivotLeft .mstrmojo-MenuItem-text {
    background-position: left -800px;
}
.tbPivotRight .mstrmojo-MenuItem-text {
    background-position: left -820px;
}
/*.tbPivotRows .mstrmojo-MenuItem-text {
    background-position: left -600px;
}*/
.tbPivotUp .mstrmojo-MenuItem-text {
    background-position: left -780px;
}
.tbPivotDown .mstrmojo-MenuItem-text {
    background-position: left -760px;
}
.tbGrid .mstrmojo-Button-text {
    background-position: left -683px;
}
.tbGraph .mstrmojo-Button-text {
    background-position: left -704px;
}

/*scroller*/

.mstrmojo-DocSelector.extSlider {
	text-align:left !important;
}
.sc {
      height: 100%;
      width: 100%;
}

.sc-v {
      margin-left: 2px; 
}
.sc-h {
      margin-top: 2px;   
}
.sc .bk {
      border: 1px solid #B2B2B2;
}
.sc .cont {
      font-size: 1px; /* for IE 7, if one of cont's child is visible and fit to content situation, then the inherited font size 10 pt will make the cont taller than neccessary, so set it to a very small number here.*/
}
.sc-v .sd {
       margin-left: 1px;
}
.sc-h .sd {
      margin-top: 1px;
}
.sc-v .bk {
      background: transparent url(images/scroller/bg-v.gif) 0 0 repeat-y;
      width: 5px;
      height: 100%;
}
.sc-h .bk {
      background: transparent url(images/scroller/bg-h.gif) 0 0 repeat-x;
      margin-top: 1px;
      height: 5px;
      width: 100%;

}
.sc .gh {
	z-index: 1000;
}
.sc .gh div {
    opacity: 0.4;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=40); /*IE*/
	z-index: 1; 
}
.sc2 .sd {
      border-color: #4e554e;
      border-style: solid;
      left: 0;
      position: absolute;
      top: 0;
}
.sc-v.sc2 .sd {
      background: transparent url(images/scroller/bg-thumb-v.gif) 0 0 repeat-y;
      border-width: 0 1px;
      width: 9px;
}
.sc-h.sc2 .sd {
      background: transparent url(images/scroller/bg-thumb-h.gif) 0 0 repeat-x;
      border-width: 1px 0;
      height: 9px;
}
.sc .sd div {
      cursor: pointer;
      position: absolute;
}
.sc2 .sd .t1,
.sc2 .sd .t3 {
      background: transparent url(images/scroller/tickers.gif) 0 0 no-repeat;
      height: 11px;
      width: 11px;
}
.sc-v.sc2 .sd .t1,
.sc-v.sc2 .sd .t3 {
      left: -1px;
}
.sc-v.sc2 .sd .t1 {
      top: -11px;
}
.sc-h.sc2 .sd .t1,
.sc-h.sc2 .sd .t3 {
      top: -1px;
}
.sc-h.sc2 .sd .t1 {
      background-position: -11px 0px;
      left: -11px;
}
.sc2 .sd .t2 {
      height: 100%;
      width: 100%;
}
.sc-v.sc2 .sd .t2 {
      background: transparent url(images/scroller/thumb-v.gif) 50% 50% no-repeat;
}
.sc-h.sc2 .sd .t2 {
      background: transparent url(images/scroller/thumb-h.gif) 50% 50% no-repeat;
}
.sc-v.sc2 .sd .t3 {
      background-position: 0 -11px;
      bottom: -11px;
}
.sc-h.sc2 .sd .t3 {
      background-position: -11px -11px;
      right: -11px;
}

.mstrmojo-Tooltip {
    position: absolute;
    z-index: 100;
}
.mstrmojo-Tooltip-content {
    background-color:#FDFFB4;
    border:1px solid #FCC90D;
    color:#000000;
    overflow:visible;
    text-align:left;
    white-space:nowrap;
    opacity:0.9;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90);
}

/** scroller tooltip */ 
.sc-tooltip {
    color: #000000;
    border: 1px solid rgb(178,178,178);
    background: #fff url(images/scroller/InfoIcon.gif) no-repeat;
    padding-left: 16px;
    }
.sc-tooltip span{
    padding-left: 3px;
    padding-right: 3px;
    border-left: 1px solid rgb(178,178,178);
    height: 100%;
    font-family:Tahoma,Arial,Verdana,Helvetica,sans-serif;
    font-size:8pt;
    white-space: nowrap;
}
.sc-tooltip span::selection{
    background-color: transparent;
    }
.sc-tooltip span::-moz-selection{
	background-color: transparent;
}

.sc-tooltip .mstrmojo-Label {
    padding-left: 3px;
    padding-right: 3px;
    border-left: 1px solid rgb(178,178,178);
    height: 100%;
	font-family:Tahoma,Arial,Verdana,Helvetica,sans-serif;
	font-size:8pt;
	white-space: nowrap;
}
/** single selection version of scroller */
.sc1 .sd {
      left: 0;
      position: absolute;
      top: 0;
}
.sc1 .sd .t1, 
.sc1 .sd .t3{
	display: none;
	width: 0px;
	height: 0px;
}
.sc1 .sd .t2 {
      background: transparent url(images/scroller/splitters.gif) 0 0 no-repeat;
      cursor: pointer;
      left: 0px;
      position: absolute;
      top: 0px;
}
.sc-v.sc1 .sd {
      height: 0px;  /* single slider's ticker does not have a length, so the mouse position will just be the ticker position */
}
.sc-v.sc1 .sd .t2{
      background-position: -19px -3px;
      height: 13px;
      margin-left: 2px;
      width: 19px;
      top: -6px;	/* centered the ticker image on the ticker div .sd */
}
.sc-h.sc1 .sd {
      width: 0px; /*single slider's ticker does not have a length, so the mouse position will just be the ticker position*/
}
.sc-h.sc1 .sd .t2{
      background-position: -3px 0;
      height: 10px;
      top: 0px;
      width: 13px;
      left: -6px;	/* centered the ticker image on the ticker div .sd */
}
/** end of single selection version of scroller */

/* Incremental Fetch component */
.mstrmojo-IncFetch {
	cursor: default;
    font-size: 8pt;
    font-family: Tahoma;
    padding: 3px 0 0 2px;
	position: relative;
}

.mstrmojo-IncFetch .mstrmojo-Button {
	cursor: pointer;
}

.mstrmojo-IncFetch .arrow {
	background: transparent url(images/inc-fetch.gif) top left no-repeat;
	float: left;
	height: 13px;
	margin: 2px 0;
	text-indent: -10000px;
	width: 13px;
	border: 0 none;
}

.mstrmojo-IncFetch .arrow.disabled {
    cursor: default;
}

.mstrmojo-IncFetch .pg {
	float: left;
	margin: 1px;
	padding: 0 2px;
	text-decoration: underline;
}

.mstrmojo-IncFetch .pg.on {
	font-weight: bold;
	text-decoration: none;
    cursor: default;
}

.mstrmojo-IncFetch .mstrmojo-DropDownButton {
	float: left;
	font-weight: bold;
	margin: 1px 2px 1px 1px;
}

.mstrmojo-IncFetch .mstrmojo-DropDownButton:hover,
.mstrmojo-IncFetch .mstrmojo-DropDownButton.open {
	background-color: #cacac2;
	border: 1px solid #040404;
	margin: 0 1px 0 0;
}

.mstrmojo-IncFetch .mstrmojo-DropDownButton-iconNode,
.mstrmojo-IncFetch .mstrmojo-DropDownButton-iconNode:hover {
	background-position: right 4px;
	padding: 0 7px 0 4px;
	cursor: pointer;
}

.mstrmojo-IncFetch .arrow.p {
	background-position: 0 -13px;
}

.mstrmojo-IncFetch .arrow.n {
    background-position: 0 -26px;
}

.mstrmojo-IncFetch .arrow.l {
    background-position: 0 -39px;
}

.mstrmojo-IncFetch .goto {
	background-color: #f7f7ee;
	border: 1px solid #666;
	font-weight: normal;
	padding: 2px 4px;
}

.mstrmojo-IncFetch .goto input {
	border: 1px solid #040404;
	font-size: 8pt;
	font-family: Tahoma;
	width: 21px
}

.mstrmojo-IncFetch .goto .apply {
	background-image: url(../../../images/Apply.gif);
	height: 15px;
	width: 13px;
	margin-left: 2px;
}
/* TextBox */
.mstrmojo-TextBox.err input {
	background-image: url(../../../style/mstr/images/errorLine.gif);
	background-position: left bottom;
	background-repeat: repeat-x;
	border-color: #ff0000; 
}

/* For images, this ensures that there is no outer border; 
 for text fields, this ensures that text color is not changed to 'blue', but inherits its color. */
.mstrmojo-DocTextfield a {
	color: inherit;
	text-decoration:  inherit;
}
.mstrmojo-DocImage a img{
	border: none; 	/* "inherit" would work for FF, but not for IE. In IE we have to explicitly specify "none" */
}

/* mstrmojo.Dialog */
.mstrmojo-Dialog {
	background: transparent url(images/1ptrans.gif) left top repeat;
	left: 0;
	height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1000;
}
.mstrmojo-Dialog .win {
	left: 0;
	position: absolute;
	top: -10000px;
	width: 100%;
}
.mstrmojo-Dialog .mstrmojo-Editor-titlebar {width: auto;}
.mstrmojo-Dialog .mstrmojo-Editor-buttons {margin: 10px 0;}
.mstrmojo-Dialog .mstrmojo-Editor-buttons .mstrmojo-HTMLButton {
	margin-right: 10px; 
	height: auto;
	}


/** Simple Checkbox **/
.mstrmojo-CheckBox input {
	vertical-align: middle;
}
.mstrmojo-ImageCheckBox input {
	background: transparent url("images/editor-button.png") no-repeat 0 -281px;
	display: inline-block;
	height: 16px;
	margin-right: 3px;
	width: 18px;
	}
.mstrmojo-ImageCheckBox input.checked {background-position: 0 -300px;}


/* Drag drop */

.mstrmojo-dnd-avatar {
    position: absolute;
    border: 1px solid #d4d0c8;
    min-width: 60px;
    z-index: 1000;
    margin: 24px 0 0 24px;
    display: none;
}
.mstrmojo-dnd-avatar-inner {
    padding: 3px;
    min-width: 54px;
    min-height: 1em;
    background-color: #d4d0c8;
    border: 1px solid #404040;
}
    
/* List*/
.mstrmojo-ListBase2-dropCue {
    display: none;
    position: absolute;
    height: 1px;
    line-height: 1px;
    border-top: 1px dotted #c0c0c0;
    left: 0;
    top: 0; /* added, to keep it out of document flow in IE */
    z-index: 2;
    width: 100%;
}
.mstrmojo-ListBase2-dropCue-inner {
    position: absolute;
    top: -6px;
    height: 13px;
    left: 0px;  /* was: -3px; */
    width: 13px;
    z-index: 2;
    background: transparent url(images/dropCueRight.gif) no-repeat center center;
}

/* TileList */
.mstrmojo-TileList .mstrmojo-ListBase2-itemsContainer,
.mstrmojo-WidgetTileList .mstrmojo-ListBase2-itemsContainer {
	zoom:1; /* only IE requires this. Need to do it conditionally.*/
	}

/* WidgetList */

.mstrmojo-WidgetList {
    overflow: auto;
}

/* WidgetTree */

.mstrmojo-WidgetTree {
    overflow: auto;
}
	
/* TreeNode */

.mstrmojo-TreeNode {
    list-style-position: outside;
    list-style-type: none;
    list-style-image: none;
}
.mstrmojo-TreeNode-div {
    white-space: nowrap;
    line-height: 18px;
}
.mstrmojo-TreeNode-state {
    background-repeat: none;
    vertical-align: top;
    height: 18px;
    width: 16px;
}
.mstrmojo-TreeNode-state.opened {
    background-image: url(images/arrows.gif);
    background-position: -16px top;
} 
.mstrmojo-TreeNode-state.closed {
    background-image: url(images/arrows.gif);
    background-position: left top;
} 
.mstrmojo-TreeNode-state.leaf {
    background-image: none;
}
.mstrmojo-TreeNode-text {
    padding-left: 20px;
    background-position: left center;
    background-repeat: no-repeat;
}
.mstrmojo-TreeNode-text.folder {
    background-image: url(images/folder_li.gif);
}
.mstrmojo-TreeNode-text.file {
    background-image: url(images/file_li.gif);
}
.mstrmojo-TreeNode-itemsContainer {
    margin: 0;
	padding: 0 0 0 18px;
}

/* Generic */

.mstrmojo-onhover-bl,
.mstrmojo-onhover-in {
	/* Indicates an element that should be hidden by default, then shown upon hover
	   of some other element (typically its parent)
	   */
    display: none;
}
.mstrmojo-onhoverparent:hover > .mstrmojo-onhover-bl {
    display: block;
}
.mstrmojo-onhoverparent:hover > .mstrmojo-onhover-in {
    display: inline;
}
.mstrmojo-rel {
	/* a relatively positioned element, typically used to set the origin of a popup, or the offsetParent of a child node */
    position: relative;
}
.mstrmojo-abs {
    /* an absolutely positioned element */
    position: absolute;
}
.mstrmojo-topright {
    top: 0;
    right: 0;
}

.mstrmojo-topleft {
    top: 0;
    left: 0;
}

/* FilterExpr and its tree nodes */

.mstrmojo-andor-top,
.mstrmojo-andor-bottom {
	/* the top and bottom lines of a 3-div square bracket for grouping a nested AND/OR, hidden by default */
	display: none;
}
.mstrmojo-andor-contents .mstrmojo-andor-top {
	/* the border of the square bracket is shown only when nested in another AND/OR */
    display: block;
    height: 3px;
    -moz-border-radius: 3px 0 0 0;
    border-left: 1px dotted #808080;
    border-top: 1px dotted #808080;
    width: 9px;
    overflow: hidden;
    xmargin-left: 6px;
}
.mstrmojo-andor-contents .mstrmojo-andor-bottom {
    /* the border of the square bracket is shown only when nested in another AND/OR */
    display: block;
    height: 3px;
    -moz-border-radius: 0 0 0 3px;
    border-left: 1px dotted #808080;
    border-bottom: 1px dotted #808080;
    width: 9px;
    overflow: hidden;
    xmargin-left: 6px;
}
.mstrmojo-andor-contents .mstrmojo-andor-contents {
    /* the border and inner padding of the square bracket is shown only when nested in another AND/OR */
    border-left: 1px dotted #808080;
    padding:1px 0 1px 6px;
    xmargin-left: 6px;
}
.mstrmojo-cond-prefix,
.mstrmojo-andor-prefix {
	/* the prefix is the "AND"/"OR" + "NOT" text that appears on a separate line of text
	  above a condition's text; it is shown by default */
    /* For IE, we must provide a width (or height) in order to make capture drags over this tag,
       but using 1em is too small; it doesnt allow the underline to show on hover */
    height: 1.3em;
    white-space: nowrap;
    overflow: hidden;
    display: block;
    position: relative; /* to position the hover toolbar */
}
.mstrmojo-ListBase2 .mstrmojo-itemwrap:first-child > .mstrmojo-andor > .mstrmojo-andor-prefix,
.mstrmojo-ListBase2 .mstrmojo-itemwrap:first-child > .mstrmojo-cond > .mstrmojo-cond-prefix {
    /* the prefix is hidden for the first child of an AND/OR; the NOT text is shown in line with the condition */
    display: none;
}
.mstrmojo-cond-text .mstrmojo-not {
	/* condition text includes a NOT prefix if the condition data declares it; however by default we hide it
	   and let the cond-prefix display it instead */
	display: none;
}
.mstrmojo-andor-contents .mstrmojo-itemwrap:first-child > .mstrmojo-cond .mstrmojo-cond-text .mstrmojo-not {
	/* if the cond-prefix is being hidden, then we show the inline NOT prefix in the condition text */
    display: inline;
}
.mstrmojo-cond-contents {
    position: relative; /* to position the hover toolbar */
    padding: 1px;   /* was 3px 6px; now relying on padding instead of margin to preserve room for border */
    margin-left: 3px;
}
.mstrmojo-cond-contents.selected {
    /* indicates the condition is selected */
    background-color: #666666;
    border: 1px solid #999999;
    padding: 0px;   /* added; no relying on padding instead of margin to preserve room for border */
}

.mstrmojo-cond-text .mstrmojo-attr,
.mstrmojo-cond-text .mstrmojo-metric,
.mstrmojo-cond-text .mstrmojo-embedobj {
    font-weight: bold;      /* for clearer legibility */
}
.mstrmojo-textset.editable:hover .mstrmojo-text {
	/* to show a set of text nodes is editable, underline it over hover */
    text-decoration: underline;
    cursor: pointer;
}

/* Scheme-specific rules */

.Black .mstrmojo-OIVMPage-toolbar {
    background-color: #393939;
}
.Black  .mstrmojo-DocGroupBy-title {
    background: #434343 url(../../../style/mstr/images/theme/black/accordionGradient.gif) repeat-x scroll left 0;
    color: #fff;
}

.Blue .mstrmojo-OIVMPage-toolbar {
    background-color: #c2ceda;
}
.Blue .mstrmojo-DocGroupBy-title {
	background: #d0e0ec url(../../../style/mstr/images/theme/blue/pgbyHeader.gif) repeat-x scroll left 0;
}

.Carbon .mstrmojo-OIVMPage-toolbar {
    background-color: #393939;
}
.Carbon .mstrmojo-DocGroupBy-title {
    background: #434343 url(../../../style/mstr/images/theme/carbon/pgbyHeader.gif) repeat-x scroll left 0;
    color: #fff;
}

.Gray .mstrmojo-OIVMPage-toolbar {
    background-color: #ddd;
}

.mstrmojo-LinkInfo-buttonNode {
	display: none;
	position: absolute;
	top: 0;
	right: 0;
}

.mstrmojo-DocImage:hover .mstrmojo-LinkInfo-buttonNode,
.mstrmojo-DocTextfield:hover .mstrmojo-LinkInfo-buttonNode {
	display: block;
}

.mstrmojo-LinkInfo-buttonNode .mstrmojo-Button {
    background-image: url(images/arrow_down.png);
    background-position: center center;
    background-repeat: no-repeat;
    width: 14px;
    height: 14px;
}

.mstrmojo-LinkInfo-buttonNode .mstrmojo-Button:hover {
    background-image: url(images/arrow_hover.png);
}


.mstrmojo-DocLayout .mstrmojo-Popup{
	min-width: 105px;
}
.mstrmojo-DocLayout .mstrmojo-Popup-content{
	min-width: 100px;
}
.mstrmojo-DocLayout .mstrmojo-Xtab .mstrmojo-Popup,
.mstrmojo-DocLayout .mstrmojo-Xtab .mstrmojo-Popup-content {
	/* Overwrites previous rules because the Xtab's popup is just
	   a small narrow button. TO DO: review & possibly modify the previous rules
	   to only apply to the DocTextfield & DocImage popups specificially.
	*/
	min-width: 0;
}
/* For DocPortlet */
.mstrmojo-portlet-container,
.mstrmojo-portlet-slot-shadow {
    position: absolute;
}
.mstrmojo-portlet-titlebar {
    cellspacing: 0px;
    cellpadding: 0px;
	cursor: default;
    table-layout: fixed;
    vertical-align: top;
    width: 100%;
    overflow: hidden;
}
.mstrmojo-portlet-titlebar td{
    vertical-align: top;
}
.mstrmojo-portlet-titlebar .mstrmojo-portlet-slot-toolbar-left,
.mstrmojo-portlet-titlebar .mstrmojo-portlet-slot-toolbar {
    width: 1%;
}
.mstrmojo-portlet-titlebar .mstrmojo-Button {
    height: 15px;
    margin: 0 1px;
    width: 15px;
}

.mstrmojo-portlet-titlebar .tbGrid .mstrmojo-Button-text {
    background-position: -4px -682px;
}
.mstrmojo-portlet-titlebar .tbGraph .mstrmojo-Button-text {
    background-position: -4px -703px;
}

.mstrmojo-portlet-slot-toolbar .mstrmojo-Button.mx,
.mstrmojo-portlet-slot-toolbar .mstrmojo-Button.rs,
.mstrmojo-portlet-slot-toolbar .mstrmojo-Button.mn{
    background: transparent url(../../../style/mstr/images/buttons.gif) top left no-repeat;
}
.mstrmojo-portlet-slot-toolbar .mstrmojo-Button.mx{
    background-position: -43px -3px;
}
.mstrmojo-portlet-slot-toolbar .mstrmojo-Button.rs{
    background-position: -83px -3px;
}
.mstrmojo-portlet-slot-toolbar .mstrmojo-Button.mn{
    background-position: -63px -3px;
}

/* following to remove the fixed height in original toolbar cell */
.mstrmojo-portlet-titlebar .mstrmojo-HBox-cell {
    height: auto;
    width: 1%;
}
.mstrmojo-portlet-title div{
    overflow: hidden;
    white-space: nowrap;
    vertical-align: top;
    width: 100%;
    
}
.mstrmojo-portlet-titlebar .qks {
    width: 21px;
}
.mstrmojo-portlet-titlebar .resize {
    width: 38px;
}

/* for floating tool bar */
.mstrmojo-portlet-titlebar.floating{
    position: absolute;
    display: none;
    top: -30px;
    table-layout:auto;
    z-index: 1000!important;
    border-spacing: 0;
}

.mstrmojo-portlet-titlebar.floating:hover,
.mstrmojo-portlet-titlebar.floating .mstrmojo-ToolBar.grouped {
	margin: 0px;
}
.mstrmojo-portlet-titlebar.floating.visible{
    display: block;
}
.mstrmojo-portlet-titlebar.floating .qks,
.mstrmojo-portlet-titlebar.floating,
.mstrmojo-portlet-titlebar.floating .resize {
    width: auto;
}
/* end of for floating tool bar */
/* end of for DocPortlet */

/* For: MultiColList */

.mstrmojo-multicolitem-table {  /* table that wraps the cells of a multi-column item */
    table-layout: fixed;
    border-collapse: collapse;
}

.mstrmojo-docvisualization {
	position: absolute;
	overflow: hidden;
	font-size:10pt;
}

.mstrmojo-TextBox-ErrValidation{
	background:#FFFFFF url(../../../style/mstr/images/errorLine.gif) repeat-x scroll left bottom;
	border-color:#FF0000;
}


/********CSS for Editor***************/

.mstrmojo-Editor{  
    position:absolute;
    background-color:#E6E6E6;
    border:1px solid #ADAAAD;
    z-index:1000;  
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;         
}

.mstrmojo-Editor-curtain{
    position:absolute;
    left:0px;
    top:0px;
    width:100%;
    height:100%;  
    background-color:white;
    opacity:0;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);  
    display:none;       
}

.mstrmojo-Editor-titlebar{
    height:20px;
    overflow:hidden;    
    /*background:#D9DDE0 url(../../../style/mstr/images/theme/red/panelHeader.gif) repeat-x scroll left top !important;*/   /*moved to the theme.css*/    
    width:100%;    
    cursor: default; 
    -moz-border-radius-topright: 6px;
    -webkit-border-top-right-radius: 6px;  
    -moz-border-radius-topleft: 6px;
    -webkit-border-top-left-radius: 6px;       
}

.mstrmojo-Editor-titleSpacer{
    height:20px;
    width:1px;
}

.mstrmojo-Editor-titleCell{  
    width:99%;
}

.mstrmojo-Editor-title{
    padding:1px 10px;
    height:18px;    
    line-height:18px;
    overflow:hidden;
    text-overflow:ellipsis;  
    font-weight:bold;  
}

.mstrmojo-Editor-help{
    outline:none;
    outline-width:0; 
}

.mstrmojo-Editor-help img{
    background:transparent url(../../../style/mstr/images/buttons.gif) no-repeat scroll -1px 0;  
    /*TQMS 411667: somehow IE7 would be misalign when position is 0px*/ 
    background-position-y: -1px !ie7;  
    height:20px;
    width:18px;  
    cursor:pointer; 
    border:0;    
}

.mstrmojo-Editor-close{
    background:transparent url(../../../style/mstr/images/buttons.gif) no-repeat scroll -22px -0px;        
    height:20px;
    width:18px;   
    cursor:pointer;       
}

.mstrmojo-Editor-content{
    padding: 5px;    
    -moz-border-radius-bottomright: 6px;
    -webkit-border-bottom-right-radius: 6px;  
    -moz-border-radius-bottomleft: 6px;
    -webkit-border-bottom-left-radius: 6px;      
}

.mstrmojo-Editor-buttons {padding:0 5px;}
.mstrmojo-Editor-buttons .mstrmojo-buttonBar {margin:3px 0px 10px;}

/****Gradient Editor ***/
.mstrmojo-GradientEditor {
	width: 300px;
	background: #f5f5f5;
	border: 2px solid #aaa;
	-moz-box-shadow:4px 5px 3px #666666;
	-webkit-box-shadow:4px 5px 3px #666666;
	xfilter: progid:DXImageTransform.Microsoft.dropshadow(Color='#66999999', Positive='true', OffX='3', OffY='3');
	}
.mstrmojo-GradientEditor .mstrmojo-Editor-content {padding: 0;}
.mstrmojo-GradientEditor .mstrmojo-Editor-titleBar .title {width: 200px;}
.mstrmojo-GradientEditor .mstrmojo-Editor-buttonBar {background: none;}
.mstrmojo-GradientEditor FieldSet.mstrmojo-FieldSet {
    margin: 5px 4px 0;
    padding: 0 6px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border: 1px solid #DDDDDD;
    }
    
.mstrmojo-GradientEditor FieldSet.shade {height: 125px;}
.mstrmojo-GradientEditor FieldSet legend {
    font-weight: bold;
    padding: 0 5px 0;
    margin: 0 0 3px;
    }
.mstrmojo-GradientEditor FieldSet.color .mstrmojo-Label {margin: 5px;}
.mstrmojo-GradientEditor FieldSet.color .mstrmojo-DropDownButton {margin: 2px;}
.mstrmojo-GradientEditor .mstrmojo-ListBase2.orientation  {border: 0 none;}
.mstrmojo-radio-list .mstrmojo-text  {
    margin: 3px ;
    padding-left: 20px;
    background: transparent url("images/radio.gif") no-repeat scroll 0 4px;    
    } 
.mstrmojo-radio-list .mstrmojo-text.selected  {
    background: transparent url("images/radioChecked.gif") no-repeat scroll 0 4px;
    }
    
.mstrmojo-GradientEditor-previewbox {
	height: 60px;
	padding: 5px 0;
	position: relative;
    }
.mstrmojo-GradientEditor-preview {
    width:50px; 
    height:50px;
    border: 0px solid #aaa;
    z-index: 1;
    position: absolute;
    background: #fff; /*IE8*/
    top: 5px;
}
.mstrmojo-GradientEditor-preview.p0 {left: 50px;}
.mstrmojo-GradientEditor-preview.p1 {left: 120px;}
.mstrmojo-GradientEditor-preview.p2,
.mstrmojo-GradientEditor-preview.p3 {left: 190px;}
.mstrmojo-GradientEditor-preview.bg {
    background-color: #ccc; 
    opacity: 0.6;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-box-shadow:3px 3px 2px;
    -webkit-box-shadow:3px 3px 2px;
    xfilter: progid:DXImageTransform.Microsoft.dropshadow(Color='#66999999', Positive='true', OffX='3', OffY='3');
    width: 60px; 
    height: 60px;
    margin: -5px;
    z-index: -1;
    display: none;
    }
.mstrmojo-GradientEditor-preview.bg.show{display:block;}
.mstrmojo-GradientEditor-preview.l {left: 190px; width: 25px;}
.mstrmojo-GradientEditor-preview.r {left: 215px; width: 25px;}
.mstrmojo-GradientEditor-preview.t {left: 190px; height: 25px;}
.mstrmojo-GradientEditor-preview.b {left: 190px; top:30px; height: 25px;}
.mstrmojo-GradientEditor-preview.label {
    background: none repeat scroll 0 0 transparent;
    margin: -20px 0;
    height: auto;
    width: auto;
    overflow: visible; 
    white-space: nowrap;
}
.mstrmojo-GradientEditor-preview.label.selected {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-box-shadow:3px 3px 2px;
    -webkit-box-shadow:3px 3px 2px;
    filter: progid:DXImageTransform.Microsoft.dropshadow(Color='#66999999', Positive='true', OffX='3', OffY='3');
    }
/****End Gradient Editor ***/



/**FormatEditor**/
x.mstrmojo-Editor-titleBar {
    height: 20px;
    background: transparent url(images/bg.png) repeat-x 0 -267px;
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    display: table !important;
    width: 100%;
    color: #fff;
}


x.mstrmojo-Editor-titleBar .title {
    height: 20px;
    line-height: 15px;
    font-weight: bold;
    padding-left: 5px;
     width: 355px;
     float:left;
}

x.mstrmojo-Editor-titleBar .help {
    background: transparent url(images/editor-button.png) no-repeat 0 -221px;
    width: 17px;
    height: 20px;
    float: left;
}
x.mstrmojo-Editor-titleBar .close {
    background: transparent url(images/editor-button.png) no-repeat -2px -94px;
    height: 20px;
    width: 17px;
    float: left;
}

.mstrmojo-Editor-buttonBar {
    xwidth: 100%;
    xbackground: url("images/bg.png") repeat scroll 0 -292px transparent;
    margin-bottom: 5px;
    float: right;
}

.mstrmojo-Editor-button  {
    xbackground: #3b3b3b url("images/bg.png") repeat scroll -1px -436px;
    background-color: #3b3b3b;
    padding: 1px 10px;
    color: #fff;
    text-align:center;
    margin: 3px 6px;
    
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    cursor: pointer;
    
    border: 1px solid #262626 !important;
    background-image: -moz-linear-gradient(top, #666, #414141);
    background: -webkit-gradient(linear, left top, left bottom, from(#666666), to(#414141));
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#666666',EndColorStr='#414141');
    height: 20px !important;
    line-height: 18px;
    line-height: 16px;/*IE7*/
    padding: 0 6px !important;
    xmin-width: 72px;  
    xwidth: 72px; /*IE7*/
    }
.mstrmojo-Editor-button.disabled {cursor: default;}    
.mstrmojo-Editor-button.mstrmojo-HTMLButton.disabled {
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#666666',EndColorStr='#414141') alpha(opacity=50);
	}    
.mstrmojo-Editor-buttonBar .mstrmojo-Editor-button {margin: 3px 0 3px 10px;}
.mstrmojo-Editor-buttonBar .left .mstrmojo-Editor-button {margin: 3px 10px 3px 0;}

.mstrmojo-Editor-button.mstrmojo-HTMLButton {padding-bottom: 2px !important;}
	
.mstrmojo-FormatEditor .mstrmojo-TextBox {
	border: 1px solid #ADAAAD;
	margin: 1px 2px;
	}

.mstrmojo-FormatEditor {
    width: 550px;
    xborder: 1px solid #333;
    x-moz-border-radius: 5px;
    x-webkit-border-radius: 5px;
    xbackground: #f2f3f2;
    xmargin: 0 auto;
}
.mstrmojo-FormatEditor .mstrmojo-Editor-content {xpadding: 2px;}
.mstrmojo-FormatEditor TD {vertical-align: top;}

.mstrmojo-FormatEditor-leftPanel {height: 262px;}
.mstrmojo-FormatEditor-rightPanel-container {height: 260px;}

.mstrmojo-FormatEditor-leftPanel {
    -moz-border-radius:5px 5px 5px 5px;
    -webkit-border-radius: 5px;
    border: 1px solid #ADAAAD;
    xmargin: 0 3px;
    margin-right: 3px;
    width: 120px;
    background-color: #fafafa;
}

.mstrmojo-FormatEditor .mstrmojo-ListBase2,
.mstrmojo-CGEOptions .mstrmojo-ListBase2,
.mstrmojo-ElementOptions .mstrmojo-ListBase2 {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border: 1px solid #aaa;
    background: #fff;
    }
.mstrmojo-FormatEditor .mstrmojo-ListBase2 {
    overflow: auto;
	}     
.mstrmojo-FormatEditor-formatList {
    width: 120px;
    border: 0 none !important;
    }
.mstrmojo-FormatEditor .mstrmojo-itemwrap {cursor: pointer;}    
.mstrmojo-FormatEditor-bullet {
    line-height: 16px;
    padding: 0 3px;
    cursor: pointer;
    white-space: nowrap;
    }   
x.mstrmojo-FormatEditor-bullet.selected {
    background:url("images/bg.png") repeat scroll 0 -297px #575556;
    color: #fff;
    }
x.mstrmojo-FormatEditor-rightPanel .mstrmojo-FormatEditor-bullet.selected {
    background-position: 0 -405px;
    }
    
x.mstrmojo-FormatEditor-bullet:hover {
    background:url("images/bg.png") repeat scroll 0 -267px #070707;
    color: #fff;
    }   
.mstrmojo-FormatEditor-formatList .mstrmojo-FormatEditor-bullet {
    padding-left: 10px;
    }
x.mstrmojo-FormatEditor-formatList .mstrmojo-FormatEditor-bullet:hover  {
    background:url("images/bg.png") repeat scroll 0 -365px #070707;
    color: #000;
    }
x.mstrmojo-FormatEditor-formatList .mstrmojo-FormatEditor-bullet.selected  {
    background:url("images/bg.png") repeat scroll 0 -405px #070707;
    color: #000;
    }      

.level0 .mstrmojo-Popup, 
.level1 .mstrmojo-Popup {
    z-index: 999;
    }
    
.mstrmojo-FormatEditor-LevelList.mstrmojo-ListBase2 {
    background: none repeat scroll 0 0 transparent;
    border:1px solid #AAAAAA;
    overflow: hidden !important;
    -moz-box-shadow:2px 2px 3px 1px #AAAAAA;
    -webkit-box-shadow:2px 2px 3px 1px #AAAAAA;
    }
    
.mstrmojo-FormatEditor-LevelList .mstrmojo-ListBase2-itemsContainer {
    xbackground:none repeat scroll 0 0 #333333 !important;
    background: #F5f5f5 !important;
    xcolor: #FFF;
    opacity: 0.95;
    padding: 3px;
    height: 100%;
    }
x.mstrmojo-FormatEditor-DropDownButton.level1,
x.mstrmojo-FormatEditor-DropDownButton.level0 {
    width: auto;
    margin: 3px 5px 5px;
    padding: 0;
    cursor: pointer;
    background:  #e6e6e6 url(images/bg.png) repeat-x 0 -140px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    line-height: 16px;
    height: 18px;
    }
    
.mstrmojo-FormatEditor-DropDownButton-list {
    overflow: hidden !important;
    -moz-box-shadow: 2px 2px 0px #AAAAAA;
    -webkit-box-shadow: 2px 2px 0px #AAAAAA;
    opacity: 0.9;
    min-width: 68px;
    }
    
.mstrmojo-FormatEditor-DropDownButton-list .mstrmojo-ListBase2-itemsContainer {
    xbackground: none repeat scroll 0 0 #292B37 !important;
    xcolor: #FFF;
    /*opacity: 0.9; //FF3.0 will mess up*/ 
    height: 100%;
    min-width: 68px;
    }
.mstrmojo-FormatEditor-DropDownButton {
    width: 100px;
    width: auto;
    margin: 3px 5px 5px;
    cursor: pointer;
    background:  #fff;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    line-height: 16px;
    height: 18px;
    border: 1px solid #AAAAAA;
}
.mstrmojo-FormatEditor-DropDownButton.level1,
.mstrmojo-FormatEditor-DropDownButton.level0  {margin-left:0;}

.mstrmojo-FormatEditor-DropDownButton-iconNode {
     background: transparent url(images/editor-button.png) no-repeat right -362px;
    height: 100%;
    padding-right: 16px;
    padding-left: 5px;
}
.mstrmojo-FormatEditor-DropDownButton-iconNode:hover {
    background-position: right -321px;
 }    
.mstrmojo-FormatEditor-bullet:hover {xbackground: #65677c; background:#B6BDD2; color: #fff;}
.mstrmojo-FormatEditor-bullet.selected {background: #000080; color: #fff;}

.mstrmojo-FormatEditor-DropDownButton .mstrmojo-text {padding-top: 0px;}


.mstrmojo-FormatEditor-rightPanel-container {
    width: 412px;
    position: relative;
    /*padding: 2px;*/
    border: 1px solid #adaaad;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    }
        
.mstrmojo-FormatEditor-rightPanel {
    height: 230px;
    height: 100%;
    width: 400px;
    position: absolute; 
    left: 0;
    top: 0;
    background: #f0f0f0;
    /* Moved this border to rightPanel-container to fix a IE7 specfic issue #424328 
    -moz-border-radius: 6px;
    -webkit-border-radius: 10px;
    border: 1px solid #AAAAAA;
    */
    -moz-border-radius: 9px;
    -webkit-border-radius: 9px;
    overflow: hidden;
    padding: 0 5px;
}   
    
.mstrmojo-FormatEditor-rightPanel .mstrmojo-FieldSet {
    border: 1px solid #ddd;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    margin: 5px 0;
    } 

.mstrmojo-FormatEditor-rightPanel .mstrmojo-FieldSet legend {
    padding: 0 3px;
    } 

.mstrmojo-FormatEditor-fontEffect,
.mstrmojo-FormatEditor-fontPreview {
    border: 1px solid #aaa;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    }
.mstrmojo-FormatEditor-fontFamily,
.mstrmojo-FormatEditor-fontStyle,
.mstrmojo-FormatEditor-fontSize,
.mstrmojo-FormatEditor-fontColor {
    height: 100px;
    }
.mstrmojo-FormatEditor-fontFamily {width: 175px;}   
.mstrmojo-FormatEditor-fontStyle {width: 120px;} 
.mstrmojo-FormatEditor-fontSize {width: 70px;}        
.mstrmojo-FormatEditor-fontEffect {
    height: 95px;
    width: 175px;
    }   
.mstrmojo-CheckBox Label.checked {
    background-position: 0 -300px; 
}
.mstrmojo-CheckBox Label.grayed {
    opacity: 0.3; 
}

.mstrmojo-Label.tristate {
    background: url(images/editor-button.png) no-repeat 0 -281px; 
    padding-left: 20px; 
    height: 18px;
    line-height: 14px;
    margin: 3px;
    cursor: default;
}
.mstrmojo-Label.tristate.checked {background-position: 0 -299px;}
.mstrmojo-Label.tristate.grayed {background-position: 0 -485px;}

.mstrmojo-FormatEditor-fontPreview {
    width: 195px;
    height: 60px;
    line-height; 60px;
    overflow: hidden;
    text-align: center;
    }        

.mstrmojo-FormatEditor-numberCategory.mstrmojo-ListBase2 {
    width: 100px;
    height: 240px;
    float: left;
    border: 0 none;
    background-color: #f0f0f0;
    }
.mstrmojo-FormatEditor-numberCategory .mstrmojo-text {
    height: 16px; 
    margin: 1px 3px ;
    padding-left: 20px;
    background: transparent url("images/radio.gif") no-repeat scroll 0 4px;    
    } 
.mstrmojo-FormatEditor-numberCategory .mstrmojo-text.selected {
    background: transparent url("images/radioChecked.gif") no-repeat scroll 0 4px;
    }
    
.category.mstrmojo-Label {
    font-weight: bold;
    margin: 5px 3px;
    }

.mstrmojo-FormatEditor-numberPanel-subpanel,
.mstrmojo-FormatEditor-numberPanel-subpanel-container {height: 240px;}

.mstrmojo-FormatEditor-numberPanel-subpanel {
    width: 300px;
    overflow: hidden;
    position: relative;
    }    
.mstrmojo-FormatEditor-numberPanel-subpanel-container {
    width: 3000px;
    position: absolute;
    background: #f0f0f0;
    }    
.mstrmojo-FormatEditor-numberPanel-subpanel-item {
    width: 300px;
    float: left;
    padding: 3px;
    }
.mstrmojo-FormatEditor-numberPanel-subpanel  INPUT[type="text"] {
    width: 50px;
    }
.mstrmojo-FormatEditor-numberPanel-subpanel .custom INPUT {width: 160px;}

.mstrmojo-FormatEditor-numberFormatList {
    white-space: nowrap;
    border: 1px solid #AAAAAA;
    margin: 3px 0 0;
    xwidth: 100%;
    width: 156px;
    xmin-width: 130px;
    xmax-width: 168px;
}
.mstrmojo-FormatEditor-numberFormatList.Date {height: 220px;}

.mstrmojo-FormatEditor-rightPanel.alignmentPanel TD {vertical-align: middle;}
.mstrmojo-FormatEditor-padding .paddingBox {
    width: 100%; 
    margin-left: 6px;
}
.mstrmojo-FormatEditor-padding .mstrmojo-TextBox {
    width: 40px;
    margin: 1px 3px 3px;
    }
.mstrmojo-FormatEditor-textAlignment .mstrmojo-Label,
.mstrmojo-FormatEditor-textControl .mstrmojo-Label {min-width: 68px; margin-left: 6px;}


.mstrmojo-FormatEditor-colorPicker.mstrmojo-DropDownButton {
    border: 1px solid #AAAAAA;
    width: 100px;
    
    height: 16px;
    padding: 2px;
}

.mstrmojo-FormatEditor-colorPicker-iconNode {
    background-position: right center;
    height: 100%;
    padding-right: 10px;
    padding-left: 5px;
}

.colorPicker.mstrmojo-FormatEditor-DropDownButton-iconNode {
    background-color: #F0F0F0;
    width:0;
    float: right;
}

.mstrmojo-FormatEditor-fill .label {
    float: left;
    text-align: right;
    line-height: 20px;
    margin-left: 10px;
    }
.mstrmojo-FormatEditor-fill .mstrmojo-ColorPicker-DropDownButton {float: left;}
.mstrmojo-FormatEditor-border .mstrmojo-ColorPicker-DropDownButton {margin: 1px 0 3px 0;}
.mstrmojo-FormatEditor-border {xheight: 169px;}
.mstrmojo-FormatEditor-border .mstrmojo-DropDownList { margin: 5px 3px;}
.mstrmojo-FormatEditor-border .mstrmojo-SelectBox { margin: 3px;}

.mstrmojo-FormatEditor-border .mstrmojo-ListBase2.borderTypes {
	overflow:hidden;
	border: 0 none;
	background: transparent;
	}
.mstrmojo-FormatEditor-border .borderTypes .mstrmojo-text {
    margin: 3px ;
    padding-left: 20px;
    background: transparent url("images/radio.gif") no-repeat scroll 0 10px;  
    height: 25px;  
    } 
.mstrmojo-FormatEditor-border .borderTypes .mstrmojo-text.selected {
    background: transparent url("images/radioChecked.gif") no-repeat scroll 0 10px;
    }

.mstrmojo-FormatEditor-border .borderStyles {width:260px;}

.mstrmojo-FormatEditor-ColorLine-borders {
    display: block;
    overflow: hidden;
    height: 0;
    }

.mstrmojo-FormatEditor-ColorLine-borders>TD {width: 20%;}
.mstrmojo-FormatEditor-ColorLine-borders .mstrmojo-Label {
    line-height: 20px;
    margin: 5px;
    }
    
.mstrmojo-Label.borderPreview {
    height: 50px;
    line-height: 20px;
    width: 50px;
    margin: 0px auto;
    border: 1px dotted #bbb;
    color: #bbb;
    padding: 0 3px;
    text-align: center;
    }
/*----FormatEditor*/



/*----Color Picker*/
.mstrmojo-ColorPicker-popup-content {
	left: -3px;
	position: relative;
	top: 2px;
	}
	
.mstrmojo-ColorPicker {
    width: 396px; 
    background: #f5f5f5;
    border: 1px solid #aaa;
    -moz-box-shadow: 2px 2px 3px #888;
    -webkit-box-shadow: 2px 2px 3px #888;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    overflow: hidden;
    position: relative; /*IE overflow to work*/
    }
.mstrmojo-ColorPicker.expanded {}    
.mstrmojo-ColorPicker-box {margin : 3px;}

.mstrmojo-ColorPicker-palette {
    background: #f0f0f0;
    border: 1px solid #999;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    overflow: hidden;
    }
.mstrmojo-ColorPicker.expanded .mstrmojo-ColorPicker-palette.shadow {
    -moz-box-shadow: 2px 2px 3px #888;
    -webkit-box-shadow: 2px 2px 3px #888;
    }   

.mstrmojo-ColorPicker-list {
    width: 150px;
    height: 90px;
    margin-bottom: 5px;
    background: none 0 0 transparent !important;
	border: 0 none !important;
	overflow: visible !important;
    }
.mstrmojo-ColorPicker-list.userPalette {
    height: 20px;
    margin-bottom: 2px;
    } 
.mstrmojo-ColorPicker-list .mstrmojo-itemwrap {
    float: left;
    border: 1px solid #808080;
    cursor: pointer;
    margin: 6px 0 0 6px;
    padding: 0;
    }
.mstrmojo-ColorPicker-item {
    height: 10px;
    width: 10px;
    }
.mstrmojo-ColorPicker-item.selected,
.mstrmojo-ColorPicker-item:hover {
    -moz-box-shadow: 0px 0px 2px 3px #888;
    -webkit-box-shadow: 0px 0px 2px 3px #888;
    }

.mstrmojo-ColorPicker .mstrmojo-Table TD {vertical-align: top;}
.mstrmojo-ColorPicker .mstrmojo-Table TD:first-child {width: 1px; text-align: left;}

.mstrmojo-ColorPicker .mstrmojo-Button.nocolor {
    border: 1px solid #ddd;
    background: #f5f5f5;
    height: 16px;
    line-height: 16px;
    text-align: center;
    margin: 3px 5px 0;
    font-size: 7.5pt;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    padding: 0 3px;
    }
    
.mstrmojo-ColorPicker .more,
.mstrmojo-ColorPicker .less,
.mstrmojo-ColorPicker .ge {
    border: 1px solid #aaa;
    height: 18px;
    line-height: 18px;
    text-align: right;
    margin: 3px 0;
    font-size: 7.5pt;
    background: #4a4a4a;
    color: #f0f0f0;
    float: right;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    padding: 0 3px;
    }
.mstrmojo-ColorPicker .ge {float:left; }
.mstrmojo-ColorPicker .more:hover,
.mstrmojo-ColorPicker .less:hover,
.mstrmojo-ColorPicker .ge:hover {
	-moz-box-shadow: 2px 2px 3px #888;
    -webkit-box-shadow: 2px 2px 3px #888;
	}
.mstrmojo-ColorPicker .more,
.mstrmojo-ColorPicker .less {
	background: url("images/editor-button.png") no-repeat scroll -2px -384px #171717;
	height: 16px;
	width: 16px;
	opacity: 0.8;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
	padding: 0;
	}	
.mstrmojo-ColorPicker .less {background-position: -2px -384px; background-position: -33px -387px;}
.mstrmojo-ColorPicker .less:hover {background-position: -2px -404px; background-position: -33px -419px;}
.mstrmojo-ColorPicker .more {background-position: -2px -424px; background-position: -66px -386px;}
.mstrmojo-ColorPicker .more:hover {background-position: -2px -444px; background-position: -67px -419px;}
    	
.mstrmojo-ColorPicker .sbSlider  {
	border: 1px solid #808080;
	position: relative;
	background: url("../../../style/mstr/images/pickerbg.png") repeat scroll 0 0 #FFFFFF;
	cursor: crosshair;
	height: 160px;
    width: 160px; 
    margin: 0 10px;
    }
.mstrmojo-ColorPicker .hueSlider{
    width: 16px; 
	border: 1px solid #808080;
	height: 160px;
	position: relative;
	background: url("../../../style/mstr/images/colorBar.gif") repeat scroll 0 0 transparent;
	cursor: crosshair;
	margin: 0 0 5px 5px;
    }

.mstrmojo-ColorPicker .mstrmojo-TextBox {
	width: 18px; 
	height: 14px;
	font-size: 7.5pt;
	border: 1px solid #AAAAAA;
    margin: 2px; 
	display: block !important;
    padding: 1px;
	}
.mstrmojo-ColorPicker .mstrmojo-TextBox.hex {width: 45px;}
.mstrmojo-ColorPicker .mstrmojo-TextBox.h {margin-left: 0;}
.mstrmojo-ColorPicker .mstrmojo-Label {
	margin-right: 3px;
    margin-top: 5px;
    text-align: right; 
    display: block !important;
    line-height: 14px;    
    }
.mstrmojo-ColorPicker .mstrmojo-Label.Hex {
	text-align: left;
	margin-left: 2px;
	}

.mstrmojo-ColorPicker .mstrmojo-Slider.sc {
	height: 8px; 
	position: relative;
	margin: 6px 0 12px 0px;
	}
.mstrmojo-ColorPicker .mstrmojo-Slider.sc-h .t2 {top: -3px !important;}
.mstrmojo-ColorPicker .mstrmojo-Slider.sc-h .bk {border:0 none; height:8px;}	
.mstrmojo-ColorPicker .mstrmojo-Slider.sc-h.r .bk {background: red url(images/rgb.png) no-repeat 0 0;}
.mstrmojo-ColorPicker .mstrmojo-Slider.sc-h.g .bk {background: green url(images/rgb.png) no-repeat 0 -29px;}
.mstrmojo-ColorPicker .mstrmojo-Slider.sc-h.b .bk {background: blue url(images/rgb.png) no-repeat 0 -56px;}
.mstrmojo-ColorPicker .mstrmojo-Slider.sc-h.s .bk {background: #aaa url(images/rgb.png) no-repeat 0 -85px;}
.mstrmojo-ColorPicker .mstrmojo-Slider.sc-h.v .bk {background: #aaa url(images/rgb.png) no-repeat 0 -85px;}


.mstrmojo-ColorPicker-buttonBar {float:right;}

.mstrmojo-ColorPicker .sbThumb {
    position: absolute;
    width: 4px;
    height: 4px;
    left: -2px;
    top: -2px;
    border: 1px solid #FFF;
    background-color: #666;
    opacity: 0.5;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}
.mstrmojo-ColorPicker .hThumb {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    
	background: #AAAAAA;
	border-color: #666666;
	border-style: solid;
	border-width: 1px 1px 1px 0;
	height: 3px;
	left: -6px;
	overflow: visible;
	position: absolute;
	width: 26px;
	opacity: 0.6;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);
	}
  
 
.mstrmojo-ColorPicker-DropDownButton {
    border: 1px solid #AAAAAA;
    width: 100px;
    height: 16px;
    padding: 2px;
    }

.mstrmojo-ColorPicker-DropDownButton-iconNode {
    background-position: right center;
    height: 100%;
    padding-right: 10px;
    xpadding-left: 5px;
    background-color: #F0F0F0;
    width:0;
    float: right;
    }
.mstrmojo-ColorPicker-DropDownButton:hover,
.mstrmojo-ColorPicker-DropDownButton:hover .mstrmojo-ColorPicker-DropDownButton-iconNode {
	background-color: #ccc;
	}    
.mstrmojo-ColorPicker-DropDownButton-boxNode {
    height: 16px !important;
    }
.mstrmojo-ColorPicker-preview {
	width: 50px;
	height: 50px;
	border: 1px solid #aaa;
}

.mstrmojo-ColorPicker .sc .tooltip {
	margin-left: -21px;
	padding-left: 0;
	height: 32px;
	width: 40px;
	border: 0 none;
	background: transparent url(images/bubble.gif) no-repeat 0 0;
    opacity: 0.8;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
    text-align: center;
	} 
.mstrmojo-ColorPicker .sc .tooltip span {
    line-height: 22px;
    border: 0 none;
    } 	
    
/**End ColorPicker**/

/**Editors for CGE*/
.mstrmojo-SaveAs-OB{
    width:100%;
    padding:1px;
    margin-left:-2px;
}
.mstrmojo-SaveAsEditor-descInput,
.mstrmojo-SaveAsEditor-nameInput{
    border:1px solid #ADAAAD;
    width:270px;
    margin-bottom:6px;
}
.mstrmojo-Editor-buttonBox{
    float:right;
    margin:5px 0px 21px;
}

.mstrmojo-NewFolderEditor .mstrmojo-Editor-buttons,
.mstrmojo-NewFolderEditor .mstrmojo-Editor-content, 
.mstrmojo-SaveAsEditor .mstrmojo-Editor-buttons,
.mstrmojo-SaveAsEditor .mstrmojo-Editor-content{
    width: 335px;
}

.mstrmojo-ElementsEditor .mstrmojo-Editor-buttons,
.mstrmojo-ElementsEditor .mstrmojo-Editor-content{
    width: 230px;
}

/*default xtab cell css*/
.xtab-cell {
	border-bottom: 1px solid #999999;
	border-left: 1px solid #999999;
}

/**end of Editors for CGE*/